@media screen and (min-width:960px) {
    .zhuanye {

        width: 100%;
        margin-top: 1rem;
        /* height: 27rem; */
      }
    
      .zhuanye-top {
    
        margin: 0 auto;
        width: 100%;
        height: 9.3rem;
        background: url(/img/html5_join/new_index/zhuanye-bg.png) no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
    
      }

      .public-hgroup-title {
        height: 0.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    
      .public-hgroup-title>img {
        height: 0.7rem;
      }
    
      .public-hgroup-title h2 {
        width: 1px;
        padding-top: 1px;
        box-sizing: border-box;
        height: 1px;
        overflow: hidden;
      }
    
      .public-hgroup-title p {
        width: 1px;
        padding-top: 1px;
        box-sizing: border-box;
        height: 1px;
        overflow: hidden;
      }

      
    
      .zhuanye-title-img {
    
        width: 4.9rem;
        height: 0.7rem;
        margin: auto;
        margin-top: 0.65rem;
    
      }
    
      .zhuanye-nav>ul {
    
        width: 14.4rem;
        height: 0.46rem;
        display: flex;
        font-size: 0.2rem;
        justify-content: space-around;
        margin: auto;
        margin-top: 0.5rem;
      }
    
      .zhuanye-nav>ul>li {
    
        width: 2.6rem;
        text-align: center;
        height: 0.46rem;
        line-height: 0.46rem;
        background: #D5081E;
        color: #fff;
        border-radius: 0.07rem;
      }
    
      .zhuanye-nav>ul>li:hover {
        text-decoration: underline;
      }
    
      .zhuanye-nav>ul>li>a {
        color: #fff;
      }
    
      .zhuanye-nav-detail {
    
        width: 14.4rem;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.5rem;
    
      }
    
      .zhuanye-nav-detail>dl {
        width: 2.14rem;
        height: 2.48rem;
        background: url(/img/html5_join/new_index/zhuanyedi.png)no-repeat;
        background-size: 100% 100%;
        font-family: "siyuan-r";
        margin-top: 0.3rem;
        margin-left: 0.2rem;
        transition: 1s;
      }
    
      .zhuanye-nav-detail>dl:hover a {
        /* transform: rotateY(360deg); */
        /* font-weight: bold; */
        text-decoration: underline;
      }
    
      .zhuanye-nav-detail>dl>dt {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1.24rem;
        /* border: solid 1px blue; */
    
      }
    
      .zhuanye-nav-detail>dl>dd:nth-of-type(1) {
        height: 0.73rem;
        /* line-height: 0.73rem; */
        font-size: 0.3rem;
        text-align: center;
        color: #EE3044;
    
      }
    
      .zhuanye-nav-detail>dl>dd:nth-of-type(1)>a {
        color: #EE3044;
      }
    
      .zhuanye-nav-detail>dl>dd:nth-of-type(2) {
        height: 0.51rem;
        line-height: 0.51rem;
        text-align: center;
        font-size: 0.2rem;
        color: #fff;
    
      }
    
      .zhuanye-nav-detail>dl>dd:nth-of-type(2)>a {
        color: #fff;
      }
    
      .zhuanye-nav-detail>dl>dt>a>img {
        height: 0.7rem;
      }
    
      .zhuanye-bottom>h3 {
        font-family: "siyuan-r";
        font-size: 0.28rem;
        color: #D5081E;
        text-align: center;
        font-weight: bold;
        margin-top: 0.6rem;
      }
    
      .zhuanye-bottom>ul {
        width: 14.4rem;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
      }
    
      .zhuanye-bottom>ul>li {
    
        width: 4.64rem;
        height: 5.55rem;
        /* border: solid 1px red; */
        background: url(/img/html5_join/new_index/zhuanye-shu.png)no-repeat;
        background-size: 100% 100%;
        margin-top: 0.5rem;
        position: relative;
    
      }
    
      .zhuanye-bottom>ul>li>p {
    
        font-size: 0.16rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        box-sizing: border-box;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        position: absolute;
        top: 3rem;
    
    
      }
    
      .zhuanye-bottom>ul>li>strong {
        font-family: "siyuan-r";
        font-size: 0.26rem;
        position: absolute;
        left: 0.5rem;
        top: 2.2rem;
        font-weight: bold;
      }
    
      .zhuanye-bottom>ul>li>nav {
    
        position: absolute;
        font-size: 0.16rem;
        left: 0.5rem;
        bottom: 0.5rem;
    
      }
    
      .zhuanye-bottom>ul>li>nav>a {
        font-size: 0.16rem;
        color: #000;
      }
    
      .zhuanye-bottom>ul>li>strong>a {
        color: #000;
      }
    
      .zhuanye-bottom>ul>li>i {
    
        font-family: "siyuan-r";
        font-size: 0.18rem;
        color: #fff;
        position: absolute;
        left: 0.5rem;
        top: 4.28rem;
    
      }
    
      .zhuanye-bottom>ul>li:nth-of-type(4),
      .zhuanye-bottom>ul>li:nth-of-type(5),
      .zhuanye-bottom>ul>li:nth-of-type(6),
      .zhuanye-bottom>ul>li:nth-of-type(7) {
        width: 7.08rem;
        height: 4rem;
        background: url(/img/html5_join/new_index/zhuanye-heng.png) no-repeat;
        background-size: 100% 100%;
        /* margin-top:0.5rem; */
    
    
      }
    
      .zhuanye-bottom>ul>li:nth-of-type(4)>strong,
      .zhuanye-bottom>ul>li:nth-of-type(5)>strong,
      .zhuanye-bottom>ul>li:nth-of-type(6)>strong,
      .zhuanye-bottom>ul>li:nth-of-type(7)>strong {
        top: 1.8rem;
      }
    
      .zhuanye-bottom>ul>li:nth-of-type(4)>p,
      .zhuanye-bottom>ul>li:nth-of-type(5)>p,
      .zhuanye-bottom>ul>li:nth-of-type(6)>p,
      .zhuanye-bottom>ul>li:nth-of-type(7)>p {
        width: 4.36rem;
        top: 2.5rem;
        padding-right: 0;
      }
}

@media screen and (max-width:960px) {
    .zhuanye-title-img{
        margin-top: 0.2rem;
    }
    .zhuanye-top {
        margin: 0 auto;
        width: 100%;
        height: 8.3rem;
        background: url(/img/html5_join/new_index/yd-zhuanye-bg.jpg) no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        margin-top: 0.3rem;

    }

    .zhuanye-title-img img {

        width: 2.44rem;
        height: 0.35rem;
        margin: auto;
        margin-top: 0.25rem;

    }

    .zhuanye-nav>ul {

        /* width: 100%; */
        height: 0.46rem;
        display: flex;
        font-size: 0.1rem;
        justify-content: space-around;
        margin: auto;
        margin: 0 0.15rem;
        margin-top: 0.25rem;
    }

    .zhuanye-nav>ul>li {

        width: 0.68rem;
        text-align: center;
        line-height: 0.23rem;
        background: #D5081E;
        color: #fff;
        border-radius: 0.05rem;
        font-size: 0.14rem;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;

        height: 0.46rem;
        background: #D5081E;
    }
    .zhuanye-nav>ul>li>a{

        color: #fff;

    }

    .zhuanye-nav-detail {
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0.15rem;
        margin-bottom: 0.22rem
    }

    .zhuanye-nav-detail>dl {
        width: 1.06rem;
        height: 1.24rem;
        background: url(/img/html5_join/new_index/zhuanyedi.png)no-repeat;
        background-size: 100% 100%;
        font-family: "siyuan-r";

        margin-top: 0.15rem;
        /* margin-left: 0.1rem; */
    }

    .zhuanye-nav-detail>dl>dt {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 0.62rem;
        /* border: solid 1px blue; */

    }

    .zhuanye-nav-detail>dl>dd:nth-of-type(1) {

        height: 0.36rem;
        /* line-height: 0.73rem; */
        font-size: 0.15rem;
        text-align: center;
        color: #EE3044;

    }
    .zhuanye-nav-detail>dl>dd:nth-of-type(1)>a{
        color:#EE3044 ;
    }

    .zhuanye-nav-detail>dl>dd:nth-of-type(2) {
        height: 0.25rem;
        line-height: 0.25rem;
        text-align: center;
        font-size: 0.1rem;
        color: #fff;

    }

    .zhuanye-nav-detail>dl>dd:nth-of-type(2)>a {
        color: #fff;
    }

    .zhuanye-nav-detail>dl>dt>a>img {
        height: 0.35rem;
    }

    .public-hgroup-title img{
        width: 2.66rem;
        height: 0.35rem;
        margin: 0 auto;
    }
    .public-hgroup-title h2{
        width: 1px;
        padding-top: 1px;
        box-sizing: border-box;
        height: 1px;
        overflow: hidden;
    }
    .public-hgroup-title p{
        width: 1px;
        padding-top: 1px;
        box-sizing: border-box;
        height: 1px;
        overflow: hidden;
    }
}